@layer base {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #bfbfbf;
  }

  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active {
    background-color: #787878;
  }

  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner {
    background-color: #ffffff;
  }

  .dark ::-webkit-scrollbar-track,
  .dark ::-webkit-scrollbar-corner {
    background-color: #151518;
  }

  .dark ::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
  }

  .dark ::-webkit-scrollbar-thumb:hover,
  .dark ::-webkit-scrollbar-thumb:active {
    background-color: #a3a6ad;
  }
}
